<template>
<div class="wrapper">
    <div class="top-inner">
        <div class="top-user">
            <user :avatarUrl="userInfo.userImg" :userName="userInfo.userNickName" :description="userInfo.description"></user>
        </div>
    </div>
</div>
</template>
<script>
import user from '@/components/personalSpaceComponents/user';
export default {
    name:"topBanner",
    components:{
        user
    },
    props:{
        userInfo:{
            type: Object
        }
    },
    data(){
        return {

        }
    }
}
</script>

<style>
.top-inner {
    background-image: url(https://hatsune-miku-yyy-blog-static.oss-cn-chengdu.aliyuncs.com/static/SpaceTopBanner.webp);
    background-position: 50%;
    background-size: cover;
    padding-top: 116px;
    position: relative
}
.top-user {
    position: relative;
    z-index: 1;
}
</style>